const autoprefixer = require('autoprefixer');
const pxtorem = require('postcss-pxtorem');

module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
  outputDir:'dist',     //打包的时候生成的一个文件名
  assetsDir:'assets',   //静态资源目录(js,css,img,fonts)这些文件都可以写里面
  lintOnSave:false,     //是否开启eslint保存检测 ,它的有效值为 true
  devServer: {

        host: "localhost", //本地服务器访问的路径
		port: 8000,        //运行测试页面的端口
        open: true,        //是否自动弹出浏览器页面
		https: false,
		proxy: {
			'/api': {
                //API服务器的地址:要跨域的域名(包含host、端口号,切记：一定要带上http头);
				target: 'http://192.168.14.83:8001',
				ws: true,  //开启跨域
                //是否跨域，设置为true;(必须)
				changeOrigin: true,
				pathRewrite: {
                // 设置/api 路径重定向为根目录"/api";
					'^/api':''
				}
			}
		}
	},
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          autoprefixer(),
          pxtorem({
            rootValue: 37.5,
            propList: ['*']
          })
        ]
      }
    }
  }
};